<script setup>
import { useRoute } from 'vue-router';
import Tabbar from "./components/Tabbar.vue";
import NavBar from "./components/NavBar.vue";

const route = useRoute();
</script>

<template>
  <div id="app" :style="{paddingBottom: route.meta.isbottom? '50px' : 0,paddingTop: route.meta.isbottom? 0 : '50px'}">
    <NavBar v-if="route.meta.isbottom === false"></NavBar>
    <router-view />
    <Tabbar :route="route" v-if="route.meta.isbottom === true"  ></Tabbar>
  </div>
</template>

<style>
#app {
  background: #f3f4f6;
  min-height: 100vh;
  width: 100%;
}
</style>
